﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Index.Master" AutoEventWireup="true" CodeBehind="Ours.aspx.cs" Inherits="GataBaseSys.WebForm1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>关于我们</title>
        <link href="Css/Ours.css" rel="stylesheet" />
    </head>

    <body>
        <div id="certer1">
        </div>
        <div id="certer2">
            <div class="div1"></div>
            <div class="div2">
                <div class="div2left">
                    <div class="div2lefttit">
                        Beijing Jinping Shunchang Asset Management Co., Ltd     
                    </div>
                    <div class="enn">北京金铂顺昌资产管理有限公司</div>
                    <div class="div2leftnr">
                        <p>
                            <br />
                            <strong>法拍网隶属于北京金铂顺昌资产管理有限公司</strong>
                            <br />
                            <br />
                            <b>法拍网依托互联网优势搭建起法拍置业，线上拍卖服务等业务，开创司法拍卖资产公开拍卖投资领域的先河，法拍网线上内容本着全面、及时、精准、为基础，已成为业内知名的拍卖业务服务机构。</b>
                            <br />
                            <b>北京金铂顺昌资产管理有限公司成立于2013年，由四位拍卖界资深人士构成，公司旗下包括金铂顺昌拍卖公司和网络科技公司。</b>
                        </p>
                    </div>
                </div>
                <div class="div2right">
                </div>
            </div>
        </div>
        <div id="certer3">
            <div>
                <br />
            </div>
            <div class="div1tit">
                <ul>
                    <li class="lio1">公司展示</li>
                    <li class="lio2">法拍网专业的房产司法拍卖网站！</li>
                    <li class="lio3"></li>
                </ul>
            </div>

            <%--图片轮播--%>
            <div class="container">
        <!-- 先把第一张图片显示出来 -->
        <img class="on" src="Img/关于我们/22.jpg" />
        <img src="Img/关于我们/23.jpg" />
        <img src="Img/关于我们/16.jpg" />
        <img src="Img/关于我们/15.jpg" />
        <!-- 左右切换 -->
        <div class="left"><</div>
        <div class="right">></div>
        <!-- 焦点 -->
        <ul>
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
        </div>
        <div id="certer4">
        </div>


         <script type="text/javascript">
             //1、找到container下的所有img标签,li标签,左右按钮
             var aImgs = document.querySelectorAll('.container img');
             var aLis = document.querySelectorAll('.container li');
             var btnLeft = document.querySelector('.container .left');
             var btnRight = document.querySelector('.container .right');
             //点击事件
             //点击按钮图片切换
             var index = 0;        //当前图片下标
             var lastIndex = 0;
             btnRight.onclick = function () {
                 //记录上一张图片的下标
                 lastIndex = index;
                 //清除上一张图片的样式
                 aImgs[lastIndex].className = '';
                 aLis[lastIndex].className = '';
                 index++;
                 index %= aImgs.length;    //实现周期性变化
                 //设置当前图片的样式
                 aImgs[index].className = 'on';
                 aLis[index].className = 'active';
             }
             //左边按钮类似
             btnLeft.onclick = function () {
                 //记录上一张图片的下标
                 lastIndex = index;
                 //清除上一张图片的样式
                 aImgs[lastIndex].className = '';
                 aLis[lastIndex].className = '';
                 index--;
                 if (index < 0) {
                     index = aImgs.length - 1;
                 }
                 //设置当前图片的样式
                 aImgs[index].className = 'on';
                 aLis[index].className = 'active';
             }
         </script>
    </body>
    </html>

</asp:Content>
